<template>
  <view>
    <view class="icon-wrp u-flex flex-center">
      <img src="https://app.zbzedu.com/static/WaChat/icon/forum/loading.gif" alt="" class="icon" v-if="status === 'loading'">
      <view v-if="status === 'finished'" class="u-font-28 color-999 u-p-t-30 u-p-b-30">没有更多了</view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'loadMore',
  props: {
    status: {
      type: String,
      default() {
        return 'more'
      }
    }
  },
}
</script>

<style scoped lang="scss">
.icon-wrp {
  .icon {
    width: 120rpx;
    height: 84rpx;
  }
}

</style>
